<template>
	<div>
		<a href="https://vite.dev" target="_blank">
			<img src="/vite.svg" class="logo" alt="Vite logo" />
		</a>
		<a href="https://vuejs.org/" target="_blank">
			<img src="./assets/vue.svg"
				class="logo vue"
				alt="Vue logo"
			/>
		</a>
	</div>
	<HelloWorld msg="Vite + Vue" />
</template>

<script setup lang="ts">
import { onMounted } from 'vue'
import HelloWorld from './components/HelloWorld.vue'
import { create_tags } from './logger'
const console = create_tags('vue')
console.log('app vue init')
ipc.ping(1,2,(a,b,c)=>{
	console.log('pong from main process',a,b,c);
},{})

ipc.on('cccc',(...args)=>{
	console.log('cccc',args);
})

onMounted(()=>{
	ipc.ping1('666','8888').then((result)=>{
		console.log('ping1 result:',result)
	}).catch((error)=>{
		console.error('ping1 error:',error)
	})
})
</script>

<style scoped>
.logo {
  height: 6em;
  padding: 1.5em;
  will-change: filter;
  transition: filter 300ms;
}

.logo:hover {
  filter: drop-shadow(0 0 2em #646cffaa);
}

.logo.vue:hover {
  filter: drop-shadow(0 0 2em #42b883aa);
}
</style>
